﻿@using AikeShoop.ViewModels
@model UserLoginViewModel


<link href="~/style/css/bootstrap.css" rel="stylesheet" />
<link href="~/style/css/login.css" rel="stylesheet" />

<form asp-action="Login" method="post">
    <input type="hidden" name="ReturnUrl" value="@ViewData["ReturnUrl"]" />
    <div class=" row container-fluid">

        <div style="float:left;width:60%;">
            <div class="justify-content-center align-items-center gradient-brand-color vh-100 " style="display: flex">
                <figure class="figure pattern-svg">
                    <svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink>
                        <path fill-rule=evenodd opacity=0.412 fill="rgb(255, 255, 255)" d="M0.010,293.142 L7.857,289.009 L11.990,296.857 L4.142,300.989 L0.010,293.142 Z" />
                        <path fill-rule=evenodd opacity=0.6 fill="rgb(255, 255, 255)" d="M680.839,148.992 L689.997,154.833 L684.156,163.991 L674.998,158.149 L680.839,148.992 Z" />
                        <path fill-rule=evenodd opacity=0.2 fill="rgb(255, 255, 255)" d="M145.500,508.000 C148.538,508.000 151.000,510.462 151.000,513.500 C151.000,516.538 148.538,519.000 145.500,519.000 C142.462,519.000 140.000,516.538 140.000,513.500 C140.000,510.462 142.462,508.000 145.500,508.000 Z" />
                        <path fill-rule=evenodd opacity=0.302 fill="rgb(255, 255, 255)" d="M633.500,357.000 C635.985,357.000 638.000,359.015 638.000,361.500 C638.000,363.985 635.985,366.000 633.500,366.000 C631.015,366.000 629.000,363.985 629.000,361.500 C629.000,359.015 631.015,357.000 633.500,357.000 Z" />
                        <path fill-rule=evenodd opacity=0.8 fill="rgb(255, 255, 255)" d="M574.672,8.047 L583.310,0.211 L585.650,11.982 L574.672,8.047 Z" />
                        <path fill-rule=evenodd opacity=0.6 fill="rgb(255, 255, 255)" d="M140.000,18.000 C141.657,18.000 143.000,19.343 143.000,21.000 C143.000,22.657 141.657,24.000 140.000,24.000 C138.343,24.000 137.000,22.657 137.000,21.000 C137.000,19.343 138.343,18.000 140.000,18.000 Z" />
                    </svg>
                </figure>

                <div class="w-75 px-4">
                    <div class="swiper-container pt-5 pb-5">
                        <div class="swiper-wrapper text-center">
                            <div class="swiper-slide testimony__slide">
                                <p class=mb-5><strong class="super-lead color--white">“是否有核心，由你来确定。”</strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div style="float:right;width:40%">
            <div class="w-75 mt-3 mt-md-5 mx-auto overflow-hidden px-md-5 px-lg-3">
                <header class="mb-5">
                    <img src='/images/Aike_logo.png' style="height: 80px;">
                </header>
                <main class="main">
                    <div class="form-validate layui-form">
                        <div class="row">
                            <div class="col-sm-12 mb-2">
                                <div class=form-group>
                                    <label asp-for="username"></label>
                                    @*<input readonly asp-for="username" lay-verType="tips" lay-verify="required" placeholder="用户名" class="form-control" />*@
                                    <input type="text" name="username" lay-verType="tips" lay-verify="required" placeholder="用户名" class="form-control">
                                    <span asp-validation-for="username" class="text-danger"></span>
                                </div>
                            </div>
                            <div class="col-sm-12 mb-2">
                                <div class=form-group>
                                    <input type="password" name="password" lay-verType="tips" lay-verify="required" placeholder="密码" class="form-control">
                                    <span asp-validation-for="password" class="text-danger"></span>
                                </div>
                            </div>
                            <div style="width:100%">
                                <div class="col-sm-6 mb-2" style="float:left">
                                    <div class=form-group>
                                        <input type="text" name="verificationcode" lay-verType="tips" lay-verify="required" placeholder="验证码" class="form-control">
                                    </div>
                                </div>
                                <div class="col-sm-6 mb-2" style="float:right">
                                    <div class=form-group>
                                        <img src="../Account/GetValidateCode?v=@DateTime.Now" id="loginCodeImg" alt="验证码" style="width:169px;height:50px;" />
                                    </div>
                                </div>
                                <span asp-validation-for="verificationcode" class="text-danger"></span>
                            </div>

                            <div class="col-sm-12 mb-2">
                                    <div class="form-group">
                                        <input type="checkbox" name="saveLoginInfo" lay-skin="primary" checked="checked"><small>保存登录信息</small>
                                    </div>
                                </div>
                            <div class="col-sm-12 mb-2">
                                <button type="submit" class="btn btn-info w-100" lay-submit lay-filter="LAY-user-login-submit" id="loginSubmit">登录</button>
                            </div>
                        </div>
                    </div>
                </main>
                <footer class=mt-5>
                    <small>©2020 - <a href="http://www.coreshop.com.cn/" target="_blank">CoreShop.Com.Cn</a> All rights reserved. <br><span>推荐使用 <a href="//www.microsoft.com/zh-cn/edge" target=_blank>新版 Microsoft Edge 浏览器</a> 访问本系统</span></small>
                </footer>
            </div>
        </div>
    </div>
</form>

@section Scripts {
    <script src="~/lib/userlogin/login.js"></script>
}
